import React from 'react';
import { BrowserRouter, Route, Routes } from 'react-router-dom';
import './App.less';
import Space from './pages/Space';
import Button from './pages/Button';
import Row from './pages/Row';
import Home from './pages/Home';
import Col from './pages/Col';

function App() {
  return (
    <div className="app">
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<Home />}></Route>
          <Route path="/button" element={<Button />}></Route>
          <Route path="/row" element={<Row />}></Route>
          <Route path="/space" element={<Space />}></Route>
          <Route path="/col" element={<Col />}></Route>
        </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;
